// 入口函数
$(function () {
    // 1.定义校验规则
    let form = layui.form
    form.verify({
        username: [
            /^\S{1,10}$/, '昵称必须为1-10位的非空字符'
        ]
    })


    // 2.渲染用户信息,封装成函数,后面还需要
    initUserInfo()
    function initUserInfo() {
        axios({
            method: 'GET',
            url: '/my/userinfo',
        }).then(function (res) {
            // console.log(res.data.data); //对象,所有的用户信息
            // 根据layui官网,为form赋值,
            // 内置模块,表单,表单赋值/取值
            // 语法： form.val('filter', object);
            //   filter 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
            //   第二个参数中的键值是表单元素对应的 name 和 value。
            // 用于给指定表单集合的元素赋值和取值。 
            // 如果object参数存在,为赋值； 如果object参数不存在,则为取值。
            form.val('formUserInfo', res.data.data)
        })
    }

    // 3.重置功能
    $('#resetBtn').on('click', function (e) {
        e.preventDefault()
        initUserInfo()
    })

    // 4.修改用户信息
    $('form').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/my/userinfo',
            data: $(this).serialize()
        }).then(function (res) {
            if (res.data.status !== 0) {
                return layui.layer.msg(res.data.message)
            }
            // 成功,提示
            layui.layer.msg('信息修改成功')
            // console.log(window.parent);
            window.parent.getUserInfo()
        })
    })

})